/**
 * 游戏大厅样式
 */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900);
@import url('http://fonts.googleapis.com/css?family=Ek+Mukta:400,600,700');

ul { padding: 0; margin: 0; }
li { list-style: none; display: inline-block; }
textarea { resize: none; }
body { background-color: #E5F5FF; }
a { text-decoration: none; }
a:hover { text-decoration: none; color: black;}

.bigborder { height: 3px; background-color: #CCFF33; }

#top-main {
	background-color: #0099FF;
	display: block;
	margin-bottom: 15px;
	height: 60px;
}

#top-main ul li a {
	display: inline-block;
	list-style-position: outside;
	font-size: 16px;
	padding: 8px 15px;
	color: white;
	font-family: '黑体', '微软雅黑';
}

#top-main ul li a:hover {
	background-color: white;
	color: yellowgreen;
	border-radius: 10px;
}

#top-main ul li { margin: 10px 10px 10px 0px; }

.foot-banner { background: #0099FF; height: 55px; text-align: center; }
.foot-banner ul { padding: 0; }
.foot-banner ul li { margin: 9px 1.5em 10px 0px; }
.foot-banner ul li a {
	display: inline-block;
	list-style-position: outside;
	font-size: 16px;
	padding: 8px 0.7em;
	color: white;
	font-family: 'Ek Mukta', '黑体', '微软雅黑';
	font-weight: bold;
	border-radius: 10px;
}

.foot-banner ul li a:hover{ background: white; color: yellowgreen; }

.foot-main { background-color: #222222; height: 300px; padding: 2em 0em 0em 8em; }

.foot-main-info {
	color: #999999;
	display: block;
	float: left;
	width: 20%;
	height: 210px;
	font-family: '黑体', '微软雅黑';
	padding: 0.5em 1em;
	font-size: 14px;
	margin-left: 2.5em;
}

.foot-main-info h5 {
	color: white;
	font-family: 'Roboto', '黑体';
	font-weight: bold;
	line-height: 20px;
	font-size: 14px;
}

.foot-info { height: 45px; background-color: #666; }

.foot-text { font-size: 13px; line-height: 30px;}
.foot-href { 
	color: white;
	line-height: 40px;
	padding-left: 10px;
	font-family: '黑体', '微软雅黑';
	font-weight: bold;
	font-size: 16px;
}
.foot-href:hover{ color: #FD0005; background-color: white; display: inline-block; border-radius: 15px;}
.foot-author { line-height: 43px; padding-left: 10px; font-family: '黑体', '微软雅黑'; color: white; }
.foot-author:hover { color: #FD0005; background-color: white; display: inline-block; border-radius: 10px; }
.foot-main-info span{ font-family: 'Ek Mukta', '黑体'; color: yellow; font-weight: bolder; }
.foot-copy { color: white; font-family: 'Ek Mukta', '黑体'; line-height: 45px; padding-left: 15em; }
.foot-icp a { color: white; font-family: '微软雅黑'; line-height: 45px; padding-left: 3em; }
.foot-icp a:hover{ color:yellow; }

.hall-main { height: 600px; margin-bottom: 1em; }
.hall-left { 
	height: 100%; 
	background-color: #05436C; 
	border-radius: 8px 0px 0px 8px; 
	padding-top: 1.2em; 
}
.hall-right { 
	height: 100%; 
	border-left: 2px solid #CCC;
	background-image: url('../img/pokerpanelright.png');
	background-size : cover;
	border-radius: 0px 8px 8px 0px;
}
#peoples { color: white; }

.user_chat {
	padding: 5px 5px;
	background-color: rgba(255,245,205,0.8);
	margin: 0.5em 0em 0.5em 0.2em; 
	height: 48%; 
	overflow-y: auto;
	overflow-x: none;
	border-radius: 5px;
}

#message { margin: 3px 0em 10px 0px; padding: 0; }
.msgbox { margin: 0; padding: 0; }

#user-list { 
	font-size: 12px;
	height: 22%; 
	overflow-x: none; 
	overflow-y: auto; 
	background-color: rgba(255,255,255,0.4);
	border-radius: 5px;
}
#user-list td { line-height: 0.5em; }

.hall-table { width:16%; margin: 1em; float: left; height: 8.5em; }
.hall-right h4{ color: yellow; font-weight: bold; }
.table-user { width: 18%; }
.table-user:hover { border-radius: 3px; background-color: rgba(255,255,255,0.4); }
.user_b { margin-left: 3.9em; margin-top: 0.8em; }
.table-table { width:5.5em; }
#user-list table tr td,#user-list table tr th  { border: 0px; font-family: '黑体'; }